<template>
  <div class="zyntwo">
      <div class="zyna">
          <img src="img/26.gif" alt="">
      </div>
      <div class="zynb">
           <img src="img/27.gif" alt="">
      </div>
      <div class="zync" @click="fun()">
           <img src="img/28.gif" alt="">
      </div>
  </div>
</template>

<script>
export default {
    methods: {
        fun() {
            this.$router.push("/Nianbao")
        }
    },
}
</script>

<style scoped>

    .zyntwo{
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        margin-top: .8rem;
        width: 100%;
        height: 4.8rem;
        background: #f3f3f3;
    }
    .zyna{
        width: 95%;
        height: 1.5rem;
        border-radius: .2rem;
    }
        .zynb{
        width: 95%;
        height: 1.5rem;
        border-radius: .2rem;
    }
        .zync{
        width: 95%;
        height: 1.5rem;
        border-radius: .2rem;
    }
    .zyntwo img{
        width: 100%;
        height: 100%;
        border-radius: .2rem;
    }
</style>